
.tab{
	width:980px;
	float: left;
	margin-right: 50px;
	border:2px solid red;
}
.tab .tab-nav{
	height: 30px;
	border:2px solid red;
}
.tab .tab-nav li{
	float: left;
	margin-right: 5px;
	background: #767676;
	border-radius: 3px 3px 0 0;
	border:2px solid red;
}

.tab .tab-nav li a{
	display: block;
	height: 30px;
	padding: 0 20px;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	border:2px solid red;
}
.tab .tab-nav li.actived{
	background: #ffffff;
}
.tab .tab-nav li.actived a{
	color: #777;
}
.tab .content-wrap{
	background: #ffffff;
	padding: 5px;
	height: 200px;
	width:980px;
	border:2px solid red;
}
.tab .content-wrap img{
	width: 100%;
	height: 100%;
}
.tab .content-wrap .content-item{
	width:980px;
	position: absolute;
	height: 200px;
	display: none;
	border:2px solid red;
}
.tab .content-wrap .current{
	display: block;
}
